<template>
	<ElementImage v-if="type==='image'" :element="element"/>
	<ElementText v-if="type==='text'" :element="element"/>
	<ElementInteractiveText v-if="type==='interactiveText'" :element="element"/>
</template>

<script>
	import ElementImage from './ElementImage.vue'
	import ElementText from './ElementText.vue'
	import ElementInteractiveText from './ElementInteractiveText.vue'
	export default {
		components: {
			ElementImage,
			ElementText,
			ElementInteractiveText
		},
		props: {
			element: {
			  type: Object,
			  default: () => {
			    return {}
			  }
			}
		},
		computed: {
			type() {
				return this.element.type
			}
		}
	}
</script>

<style>
</style>